<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页三</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../Pear-Admin-Layui/component/pear/css/pear.css"/>
    <link rel="stylesheet" href="../Pear-Admin-Layui/admin/css/other/console1.css"/>
</head>
<style>
    .d {
        visibility: hidden;
    }

    .omit {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 63% !important;
    }

    .logtime {
        width: 37%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .os .cpu {
        line-height: 93px !important;
    }

    .mem {
        line-height: 24px !important;
    }

    .cpu {
        line-height: 32px !important;
    }

    .sys {
        line-height: 20px;
        font-size: 18px;
    }

    .lh93 {
        line-height: 93px;
    }


</style>
<body class="pear-container">
<div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header h93">系统信息</div>
                <div class="layui-card-body ">
                    <div class="layui-row layui-col-space5 ">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number sys os" style="color: #28333E;">
                            <div class="osNAme lh93"></div>
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips lh93">
                            <svg t="1612018454004" class="icon " viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="8475" width="200" height="200">
                                <path d="M827.076923 0a196.923077 196.923077 0 0 1 196.923077 196.923077v630.153846a196.923077 196.923077 0 0 1-196.923077 196.923077H196.923077a196.923077 196.923077 0 0 1-196.923077-196.923077V196.923077a196.923077 196.923077 0 0 1 196.923077-196.923077z m118.153846 393.846154H78.769231v433.230769a118.153846 118.153846 0 0 0 111.222154 117.956923L196.923077 945.230769h630.153846a118.153846 118.153846 0 0 0 118.153846-118.153846V393.846154z m-118.153846-315.076923H196.923077a118.153846 118.153846 0 0 0-118.153846 118.153846v118.153846h866.461538V196.923077a118.153846 118.153846 0 0 0-118.153846-118.153846z"
                                      fill="#4C4A4A" p-id="8476"></path>
                                <path d="M196.923077 472.615385a39.384615 39.384615 0 1 1 0 78.76923 39.384615 39.384615 0 0 1 0-78.76923z m157.538461 0a39.384615 39.384615 0 1 1 0 78.76923 39.384615 39.384615 0 0 1 0-78.76923z m157.538462 0a39.384615 39.384615 0 1 1 0 78.76923 39.384615 39.384615 0 0 1 0-78.76923z"
                                      fill="#E02020" p-id="8477"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header h93">内存信息</div>
                <div class="layui-card-body ">
                    <div class="layui-row layui-col-space5 ">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number mem sys " style="color: #28333E;">
                            <div>总内存: <span class="memtotal"></span><span>G</span></div>
                            <div>使用内存: <span class="memused"></span><span>G</span></div>
                            <div>剩余内存: <span class="memfree"></span><span>G</span></div>
                            <div>使用率: <span class="memusage"></span><span>%</span></div>
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips ">
                            <svg t="1612018291111" class="icon " viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="4165" width="200" height="200">
                                <path d="M1004.8 316.8c12.8-6.4 19.2-16 19.2-28.8V160c0-19.2-12.8-32-32-32H32c-19.2 0-32 12.8-32 32v128c0 12.8 6.4 22.4 16 28.8 0 0 48 25.6 48 67.2S19.2 451.2 19.2 451.2c-12.8 6.4-19.2 16-19.2 28.8v384c0 19.2 12.8 32 32 32h192c19.2 0 32-12.8 32-32v-96h64v96c0 19.2 12.8 32 32 32h640c19.2 0 32-12.8 32-32V480c0-12.8-6.4-22.4-16-28.8 0 0-48-25.6-48-67.2s44.8-67.2 44.8-67.2zM960 268.8c-25.6 16-64 54.4-64 115.2s38.4 96 64 115.2V832h-96v-96c0-19.2-12.8-32-32-32s-32 12.8-32 32v96h-96v-96c0-19.2-12.8-32-32-32s-32 12.8-32 32v96h-96v-96c0-19.2-12.8-32-32-32s-32 12.8-32 32v96h-96v-96c0-19.2-12.8-32-32-32H224c-19.2 0-32 12.8-32 32v96H64V499.2c25.6-19.2 64-57.6 64-115.2S89.6 288 64 268.8V192h896v76.8z"
                                      fill="#454545" p-id="4166"></path>
                                <path d="M768 544H256c-19.2 0-32-12.8-32-32v-160c0-19.2 12.8-32 32-32h512c19.2 0 32 12.8 32 32v160c0 19.2-12.8 32-32 32zM288 480h448v-96H288v96z"
                                      fill="#D93934" p-id="4167"></path>
                            </svg>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header h93">磁盘信息</div>
                <div class="layui-card-body ">
                    <div class="layui-row layui-col-space5 ">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number sys" style="color: #28333E;">
                            <div>磁盘: <span class="diskname"></span></div>
                            <div>磁盘容量: <span class="disktotal"></span></div>
                            <div>磁盘空闲: <span class="diskfree"></span></div>
                            <div>磁盘使用: <span class="diskused"></span></div>
                            <div>使用率: <span class="diskusage"></span><span>%</span></div>
                        </div>
                        <div class="layui-col-xs4 layui-col-md4  top-panel-tips ">
                            <svg t="1612018395459" class="icon " viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="5898" width="200" height="200">
                                <path d="M146.285714 804.571429V109.714286a36.571429 36.571429 0 0 1 36.571429-36.571429h658.285714a36.571429 36.571429 0 0 1 36.571429 36.571429v694.857143h73.142857V109.714286a109.714286 109.714286 0 0 0-109.714286-109.714286H182.857143a109.714286 109.714286 0 0 0-109.714286 109.714286v694.857143h73.142857z"
                                      fill="#444444" p-id="5899"></path>
                                <path d="M219.428571 146.285714m-36.571428 0a36.571429 36.571429 0 1 0 73.142857 0 36.571429 36.571429 0 1 0-73.142857 0Z"
                                      fill="#444444" p-id="5900"></path>
                                <path d="M804.571429 146.285714m-36.571429 0a36.571429 36.571429 0 1 0 73.142857 0 36.571429 36.571429 0 1 0-73.142857 0Z"
                                      fill="#444444" p-id="5901"></path>
                                <path d="M804.571429 475.428571a292.571429 292.571429 0 1 0-585.142858 0h73.142858a219.428571 219.428571 0 1 1 438.857142 0h73.142858z"
                                      fill="#FF6A00" p-id="5902"></path>
                                <path d="M621.714286 475.428571a109.714286 109.714286 0 0 0-219.428572 0h73.142857a36.571429 36.571429 0 0 1 73.142858 0h73.142857z"
                                      fill="#FF6A00" p-id="5903"></path>
                                <path d="M877.714286 658.285714a109.714286 109.714286 0 0 1 109.714285 109.714286v146.285714a109.714286 109.714286 0 0 1-109.714285 109.714286H146.285714a109.714286 109.714286 0 0 1-109.714285-109.714286v-146.285714a109.714286 109.714286 0 0 1 109.714285-109.714286h731.428572z m0 73.142857H146.285714a36.571429 36.571429 0 0 0-36.571428 36.571429v146.285714a36.571429 36.571429 0 0 0 36.571428 36.571429h731.428572a36.571429 36.571429 0 0 0 36.571428-36.571429v-146.285714a36.571429 36.571429 0 0 0-36.571428-36.571429z"
                                      fill="#FFFFFF" p-id="5904"></path>
                                <path d="M877.714286 694.857143a73.142857 73.142857 0 0 1 73.142857 73.142857v146.285714a73.142857 73.142857 0 0 1-73.142857 73.142857H146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857v-146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h731.428572zM146.285714 768v146.285714h731.428572v-146.285714H146.285714z"
                                      fill="#444444" p-id="5905"></path>
                                <path d="M731.428571 804.571429m36.571429 0l36.571429 0q36.571429 0 36.571428 36.571428l0 0q0 36.571429-36.571428 36.571429l-36.571429 0q-36.571429 0-36.571429-36.571429l0 0q0-36.571429 36.571429-36.571428Z"
                                      fill="#FF6A00" p-id="5906"></path>
                                <path d="M585.142857 804.571429m36.571429 0l36.571428 0q36.571429 0 36.571429 36.571428l0 0q0 36.571429-36.571429 36.571429l-36.571428 0q-36.571429 0-36.571429-36.571429l0 0q0-36.571429 36.571429-36.571428Z"
                                      fill="#444444" p-id="5907"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header h93">Cpu信息</div>
                <div class="layui-card-body ">
                    <div class="layui-row layui-col-space5 ">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number sys cpu" style="color: #28333E;">
                            <div>核心数: <span class="cpunum"></span><span></span></div>
                            <div>使用率: <span class="cpuused"></span><span>%</span></div>
                            <div>空闲率: <span class="cpufree"></span><span>%</span></div>
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips ">
                            <svg t="1612018439391" class="icon" viewBox="0 0 1040 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="7635" width="200" height="200">
                                <path d="M308.207213 300.854557h418.916721v418.916722h-418.933508z" fill="#A8CEFB"
                                      p-id="7636"></path>
                                <path d="M1037.815607 326.320262v-61.104262h-138.793968v-0.033574c0-69.497705-56.53823-126.035934-126.035934-126.035934h-10.206426V0.335738h-61.121049v138.793967h-81.500328V0.335738h-61.104263v138.793967h-81.500328V0.335738h-61.121049v138.793967h-81.500328V0.335738h-61.104262v138.793967h-8.94741c-69.497705 0-126.035934 56.53823-126.035934 126.035934v0.016787h-138.793967v61.121049h138.793967v81.500328h-138.793967v61.104263h138.793967v81.500327h-138.793967v61.104263h138.793967v81.500328h-138.793967v61.121049h138.793967v0.033574c0 69.497705 56.53823 126.035934 126.035934 126.035934h8.930623v138.77718h61.121049v-138.77718h81.500328v138.77718h61.104263v-138.77718h81.500327v138.77718h61.12105v-138.77718h81.500328v138.77718h61.104262v-138.77718h10.223213c69.497705 0 126.035934-56.555016 126.035934-126.035934v-0.033574h138.793968v-61.104263h-138.793968V611.54623h138.793968v-61.12105h-138.793968v-81.500328h138.793968v-61.104262h-138.793968v-81.500328h138.793968z m-215.207869 427.864131a49.68918 49.68918 0 0 1-49.622033 49.622033h-508.105443a49.68918 49.68918 0 0 1-49.638819-49.622033v-489.001967a49.68918 49.68918 0 0 1 49.638819-49.638819h508.105443a49.68918 49.68918 0 0 1 49.63882 49.638819v489.001967z"
                                      fill="#359AE3" p-id="7637"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">物品统计</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="200"
                                 height="200" t="1591462258798"
                                 p-id="942" version="1.1">
                                <path fill="#fcc66f"
                                      d="M 262.7 835 c -15.3 0 -28.1 -11.4 -29.8 -26.6 L 174.1 291 c -0.6 -5.1 1 -10.2 4.5 -14 s 8.3 -6 13.4 -6 h 640 c 5.1 0 10 2.2 13.4 6 s 5 8.9 4.5 14 l -58.8 517.4 c -1.7 15.2 -14.5 26.6 -29.8 26.6 H 262.7 Z"
                                      p-id="943"/>
                                <path fill="#ffd79c"
                                      d="M 802 289 l -58.8 517.4 c -0.7 6.1 -5.8 10.6 -11.9 10.6 h 30 c 6.1 0 11.2 -4.6 11.9 -10.6 L 832 289 h -30 Z"
                                      p-id="944"/>
                                <path fill="#f56e73"
                                      d="M 164 307 c -16.5 0 -30 -13.5 -30 -30 v -58 c 0 -16.5 13.5 -30 30 -30 h 696 c 16.5 0 30 13.5 30 30 v 58 c 0 16.5 -13.5 30 -30 30 H 164 Z"
                                      p-id="945"/>
                                <path fill="#ffa1a8"
                                      d="M 860 207 h -30 c 6.6 0 12 5.4 12 12 v 58 c 0 6.6 -5.4 12 -12 12 h 30 c 6.6 0 12 -5.4 12 -12 v -58 c 0 -6.6 -5.4 -12 -12 -12 Z"
                                      p-id="946"/>
                                <path fill="#65c8ff"
                                      d="M 190.9 651.5 c -31.4 0 -56.9 -25.5 -56.9 -56.9 V 219 c 0 -16.5 13.5 -30 30 -30 h 466.2 c 9.9 0 18 8.1 18 18 v 301.1 c 0 34.7 -28.2 62.9 -62.9 62.9 s -62.9 -28.2 -62.9 -62.9 V 393.5 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 68.1 c 0 29.4 -23.9 53.4 -53.4 53.4 s -53.4 -23.9 -53.4 -53.4 v -68.1 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 201.1 c 0.1 31.4 -25.4 56.9 -56.7 56.9 Z"
                                      p-id="947"/>
                                <path fill="#b3eaff"
                                      d="M 277.8 321.5 c -33.1 0 -60 26.9 -60 60 v 201.1 c 0 21.5 -17.4 38.9 -38.9 38.9 c -7.7 0 -14.8 -2.2 -20.8 -6.1 c 6.9 10.9 19 18.1 32.8 18.1 c 21.5 0 38.9 -17.4 38.9 -38.9 V 393.5 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z M 618.3 207 v 289.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -9.3 0 -18 -2.8 -25.2 -7.7 c 8.1 11.9 21.7 19.7 37.2 19.7 c 24.8 0 44.9 -20.1 44.9 -44.9 V 207 h -12 Z M 468.5 321.5 c -33.1 0 -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -6.7 0 -12.9 -1.9 -18.3 -5.1 c 6.2 10.2 17.4 17.1 30.3 17.1 c 19.5 0 35.4 -15.8 35.4 -35.4 v -68.1 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z"
                                      p-id="948"/>
                                <path fill="#453b56" d="M 698 729.4 m -18 0 a 18 18 0 1 0 36 0 a 18 18 0 1 0 -36 0 Z"
                                      p-id="949"/>
                                <path fill="#453b56"
                                      d="M 860 171 H 632.5 v 0.1 c -0.7 0 -1.5 -0.1 -2.2 -0.1 H 164 c -26.5 0 -48 21.5 -48 48 v 375.6 c 0 41.3 33.6 74.9 74.9 74.9 c 2.7 0 5.4 -0.2 8.1 -0.5 l 16 141.4 c 2.8 24.3 23.3 42.6 47.7 42.6 h 498.6 c 24.4 0 44.9 -18.3 47.7 -42.6 l 55.2 -485.6 c 24.5 -2.1 43.8 -22.7 43.8 -47.8 v -58 c 0 -26.5 -21.5 -48 -48 -48 Z M 190.9 633.5 c -21.5 0 -38.9 -17.4 -38.9 -38.9 V 219 c 0 -6.6 5.4 -12 12 -12 h 466.3 v 301.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -24.8 0 -44.9 -20.1 -44.9 -44.9 V 393.5 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -19.5 0 -35.4 -15.8 -35.4 -35.4 v -68.1 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 201.1 c 0.1 21.5 -17.4 38.9 -38.8 38.9 Z m 582.3 172.9 c -0.7 6.1 -5.8 10.6 -11.9 10.6 H 262.7 c -6.1 0 -11.2 -4.6 -11.9 -10.6 l -6.7 -59 h 396.6 c 9.9 0 18 -8.1 18 -18 s -8.1 -18 -18 -18 H 240 l -6.3 -55.4 c 19.3 -13.6 32.1 -36 32.1 -61.3 V 393.5 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 68.1 c 0 39.4 32 71.4 71.4 71.4 s 71.4 -32 71.4 -71.4 v -68.1 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 114.6 c 0 44.6 36.3 80.9 80.9 80.9 c 44.6 0 80.9 -36.3 80.9 -80.9 V 325 h 161.7 l -54.9 481.4 Z M 872 277 c 0 6.6 -5.4 12 -12 12 H 666.3 v -82 H 860 c 6.6 0 12 5.4 12 12 v 58 Z"
                                      p-id="950"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">账户密码统计</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value2">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1591462430908" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg"
                                 p-id="3170" width="200" height="200">
                                <path d="M532 784.2c0 24.4-19.8 44.3-44.3 44.3s-44.3-19.8-44.3-44.3c0-24.4 44.3-80.3 44.3-80.3s44.3 55.8 44.3 80.3zM766 784.2c0 24.4 19.8 44.3 44.3 44.3 24.4 0 44.3-19.8 44.3-44.3 0-24.4-44.3-80.3-44.3-80.3S766 759.7 766 784.2z"
                                      fill="#97DCFF" p-id="3171"></path>
                                <path d="M123.5 471.3c-9.9 0-18-8.1-18-18v-302c0-9.9 8.1-18 18-18h58c9.9 0 18 8.1 18 18v302c0 9.9-8.1 18-18 18h-58z"
                                      fill="#FCC66F" p-id="3172"></path>
                                <path d="M181.5 151.3v302h-58v-302h58m0-36h-58c-19.9 0-36 16.1-36 36v302c0 19.9 16.1 36 36 36h58c19.9 0 36-16.1 36-36v-302c0-19.8-16.1-36-36-36z"
                                      fill="#453B56" p-id="3173"></path>
                                <path d="M266.4 210.7m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56"
                                      p-id="3174"></path>
                                <path d="M430.8 641.1c-9.9 0-18-8.1-18-18v-21.6c0-130.3 106-236.3 236.3-236.3s236.3 106 236.3 236.3v21.6c0 9.9-8.1 18-18 18H430.8z"
                                      fill="#FCC66F" p-id="3175"></path>
                                <path d="M649 383.2c-5 0-10 0.2-15 0.6 113.5 7.7 203.3 102.2 203.3 217.7v21.6h30v-21.6c0-120.6-97.7-218.3-218.3-218.3z"
                                      fill="#FFD79C" p-id="3176"></path>
                                <path d="M419.6 694.4c-22.1 0-40.1-18-40.1-40.1s18-40.1 40.1-40.1h458.8c22.1 0 40.1 18 40.1 40.1s-18 40.1-40.1 40.1H419.6z"
                                      fill="#F56E73" p-id="3177"></path>
                                <path d="M878.4 632.3h-30c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1h30c12.2 0 22.1-9.9 22.1-22.1s-9.9-22.1-22.1-22.1z"
                                      fill="#FFA1A8" p-id="3178"></path>
                                <path d="M693.3 846.4c0 24.4-19.8 44.3-44.3 44.3-24.4 0-44.3-19.8-44.3-44.3s44.3-80.3 44.3-80.3 44.3 55.9 44.3 80.3z"
                                      fill="#97DCFF" p-id="3179"></path>
                                <path d="M649 908.7c-34.3 0-62.3-27.9-62.3-62.3 0-28.5 36.9-77.2 48.1-91.4 3.4-4.3 8.6-6.8 14.1-6.8s10.7 2.5 14.1 6.8c11.3 14.2 48.1 62.9 48.1 91.4 0.2 34.3-27.8 62.3-62.1 62.3z m0-112.3c-14.1 20.4-26.3 41.9-26.3 50 0 14.5 11.8 26.3 26.3 26.3s26.3-11.8 26.3-26.3c0-8.1-12.1-29.6-26.3-50z"
                                      fill="#453B56" p-id="3180"></path>
                                <path d="M903.3 601.9v-0.5c0-134.1-104.4-244.3-236.3-253.6v-30.7c0-68.7-55.9-124.6-124.6-124.6H326.5c-9.9 0-18 8.1-18 18s8.1 18 18 18h215.9c48.8 0 88.6 39.7 88.6 88.6v30.7c-131.8 9.3-236.3 119.4-236.3 253.6v0.5c-19.6 9.3-33.2 29.3-33.2 52.4 0 32 26 58.1 58.1 58.1H459c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.2-27.9 62.2-62.3 0-20.3-18.6-50.7-33.5-71.8h264.9c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.3-27.9 62.3-62.3 0-20.3-18.6-50.7-33.5-71.8h39.4c32 0 58.1-26 58.1-58.1 0-23.1-13.6-43-33.2-52.4zM487.8 810.4c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.2 41.9 26.2 50 0 14.5-11.8 26.3-26.2 26.3z m322.5 0c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.3 41.9 26.3 50-0.1 14.5-11.9 26.3-26.3 26.3zM649 383.2c118.8 0 215.4 94.9 218.1 213.1H430.9c2.8-118.1 99.3-213.1 218.1-213.1z m251.5 271.1c0 12.2-9.9 22.1-22.1 22.1H419.6c-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1h458.8c12.2 0.1 22.1 10 22.1 22.1z"
                                      fill="#453B56" p-id="3181"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">文章数量</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4  top-panel-tips">
                            <svg t="1591462464512" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg"
                                 p-id="3311" width="200" height="200">
                                <path d="M750.4 216.5h-130v-15.3c0-32.9-26.8-59.7-59.7-59.7h-97.3c-32.9 0-59.7 26.8-59.7 59.7v15.3h-130c-30.7 0-55.6 25-55.6 55.6v72.4c0 9.9 8.1 18 18 18h31.5v478c0 23.2 18.8 42 42 42h405c23.2 0 42-18.8 42-42v-478H788c9.9 0 18-8.1 18-18v-72.4c0-30.6-25-55.6-55.6-55.6z"
                                      fill="#FCC66F" p-id="3312"></path>
                                <path d="M708.5 344.5v496c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24v-496h-30z"
                                      fill="#FFD79C" p-id="3313"></path>
                                <path d="M309.5 882.5c-23.2 0-42-18.8-42-42V596c0-9.9 8.1-18 18-18h36.8c30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-49.6zM664.9 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8h36.8c9.9 0 18 8.1 18 18v244.5c0 23.2-18.8 42-42 42h-49.6z"
                                      fill="#F56E73" p-id="3314"></path>
                                <path d="M708.5 596v244.5c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24V596h-30z"
                                      fill="#FFA1A8" p-id="3315"></path>
                                <path d="M475.2 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8 30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-73.6z"
                                      fill="#F56E73" p-id="3316"></path>
                                <path d="M560.7 159.5h-18c23 0 41.7 18.7 41.7 41.7V221h18v-19.8c-0.1-23-18.7-41.7-41.7-41.7zM750.4 234.5h-30c20.8 0 37.6 16.8 37.6 37.6v72.4h30v-72.4c0-20.8-16.8-37.6-37.6-37.6z"
                                      fill="#FFD79C" p-id="3317"></path>
                                <path d="M750.4 198.5H638.2c-1.4-41.6-35.6-75-77.5-75h-97.3c-41.9 0-76.1 33.4-77.5 75H273.6c-40.6 0-73.6 33-73.6 73.6v72.4c0 19.9 16.1 36 36 36h13.5v460c0 33.1 26.9 60 60 60H714.7c33.1 0 60-26.9 60-60v-460H788c19.9 0 36-16.1 36-36v-72.4c0-40.6-33-73.6-73.6-73.6z m-287.1-39h97.3c22.1 0 40.2 17.2 41.5 39H421.8c1.4-21.8 19.4-39 41.5-39z m-104.2 705h-49.6c-13.3 0-24-10.7-24-24V596h36.8c20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7 0h-73.6V632.8c0-20.3 16.5-36.8 36.8-36.8 20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7-24c0 13.3-10.7 24-24 24h-49.6V632.8c0-20.3 16.5-36.8 36.8-36.8h36.8v244.5z m0-280.5h-36.8c-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8h-36.8v-74.5h279c9.9 0 18-8.1 18-18s-8.1-18-18-18h-279v-69h453V560zM788 344.5H236v-72.4c0-20.8 16.8-37.6 37.6-37.6h476.8c20.8 0 37.6 16.8 37.6 37.6v72.4z"
                                      fill="#453B56" p-id="3318"></path>
                                <path d="M621.8 467.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56"
                                      p-id="3319"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">网站收藏</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1591462491887" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg"
                                 p-id="3449" width="200" height="200">
                                <path d="M363.2 807c-9.9 0-18-8.1-18-18v-75.5c0-9.9 8.1-18 18-18h108.5c9.9 0 18 8.1 18 18V789c0 9.9-8.1 18-18 18H363.2z"
                                      fill="#F56E73" p-id="3450"></path>
                                <path d="M441.7 713.5h30V789h-30z" fill="#FFA1A8" p-id="3451"></path>
                                <path d="M259.6 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2zM525.1 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2z"
                                      fill="#65C8FF" p-id="3452"></path>
                                <path d="M550.2 153.5c-3.2 0-6.2 0.7-9 1.7 9.4 3.6 16.1 12.7 16.1 23.4V380h18V178.6c0.1-13.9-11.2-25.1-25.1-25.1z"
                                      fill="#97DCFF" p-id="3453"></path>
                                <path d="M686 330.5H149c-9.9 0-18 8.1-18 18v63c0 9.9 8.1 18 18 18h33.2l45 225c8.7 43.4 47.1 75 91.4 75h197.6c44.3 0 82.7-31.5 91.4-75l45-225H686c9.9 0 18-8.1 18-18v-63c0-9.9-8.1-18-18-18z"
                                      fill="#FCC66F" p-id="3454"></path>
                                <path d="M608 411.5L560.1 651c-7 35.2-37.9 60.5-73.8 60.5h30c35.9 0 66.7-25.3 73.8-60.5L638 411.5h-30zM656 348.5h30v63h-30z"
                                      fill="#FFD79C" p-id="3455"></path>
                                <path d="M474.2 543.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56"
                                      p-id="3456"></path>
                                <path d="M416.9 525.5h-125c-9.9 0-18 8.1-18 18s8.1 18 18 18h125c9.9 0 18-8.1 18-18s-8.1-18-18-18zM893 543.5h-33.4c-65.2 0-118.2 53-118.2 118.2v19.6c0 9.9 8.1 18 18 18s18-8.1 18-18v-19.6c0-45.3 36.9-82.2 82.2-82.2H893c9.9 0 18-8.1 18-18s-8-18-18-18zM772.2 744.2c7-7 7-18.4 0-25.5-7-7-18.4-7-25.5 0s-7 18.4 0 25.5 18.4 7.1 25.5 0z"
                                      fill="#453B56" p-id="3457"></path>
                                <path d="M759.5 761.6c-9.9 0-18 8.1-18 18v11.6c0 43.7-35.6 79.3-79.3 79.3H487.3c-26.4 0-48.3-19.9-51.4-45.5h35.8c19.9 0 36-16.1 36-36v-41.5h8.6c52.8 0 98.7-37.6 109.1-89.4l42.1-210.6H686c19.9 0 36-16.1 36-36v-63c0-19.9-16.1-36-36-36h-74.6V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H345.9V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H149c-19.9 0-36 16.1-36 36v63c0 19.9 16.1 36 36 36h18.5l42.1 210.6c10.4 51.8 56.2 89.4 109.1 89.4h8.6V789c0 19.9 16.1 36 36 36h36.6c3.3 45.5 41.2 81.5 87.5 81.5h174.8c63.6 0 115.3-51.7 115.3-115.3v-11.6c0-10-8.1-18-18-18z m-234.4-583c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9H525V178.6z m-265.5 0c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9h-50.3V178.6zM149 411.5v-63h537v63H149z m169.7 300c-35.9 0-66.7-25.3-73.8-60.5l-40.7-203.5h426.6L590.1 651c-7 35.2-37.9 60.5-73.8 60.5H318.7z m44.5 77.5v-41.5h108.5V789H363.2z"
                                      fill="#453B56" p-id="3458"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md9">
            <div class="layui-card">
                <div class="layui-card-header" style="text-align: center">常逛的网站
                    <button class="pear-btn pear-btn-xs" id="addweb">
                        <i class="layui-icon layui-icon-add-1"></i>
                        新增
                    </button>
                    <button class="pear-btn pear-btn-xs" id="set">
                        <i class="layui-icon layui-icon-set"></i>
                    </button>
                </div>
                <div class="layui-card-body" style="background-color: #f1f1f3">
                    <div class="layui-row layui-col-space20">

                        <!--                        <div class="layui-col-md1">-->
                        <!--                            <div class="layui-card">-->
                        <!--                                <div class="layui-card-header"-->
                        <!--                                     style="overflow: hidden;font-size: 3px;height: 30px;vertical-align: middle;padding-bottom: 6px;">-->
                        <!--                                    网阿斯顿发送到发站名称-->
                        <!--                                </div>-->
                        <!--                                <div class="layui-card-body" style="padding: 0">-->
                        <!--                                    <div style="margin-left: 6px">-->
                        <!--                                        <i class="layui-icon layui-icon-edit d" style="color: blue;cursor: pointer;"-->
                        <!--                                           web-id="1"></i>-->
                        <!--                                        <a title="简介啊啊啊" href="http://www.baidu.com" target="_blank"><img-->
                        <!--                                                class="layui-nav-img" style="margin-right: 0px" src="../imgs/1.png"></a>-->
                        <!--                                        <i class="layui-icon layui-icon-delete d" style="color:red;cursor: pointer;"-->
                        <!--                                           web-id="1"></i>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->

                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">操作日志</div>
                <div class="layui-card-body">
                    <ul class="list">
                        <li class="list-item"><span class="title">xjh : 删除物品：123</span><span class="logtime"
                                                                                             style="float: right">2020-12-02 23:23:23</span>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<!--</div>-->
<script src="../Pear-Admin-Layui/component/layui/layui.js"></script>
<script src="../Pear-Admin-Layui/component/pear/pear.js"></script>
<script src="../js/jQuery-2.1.4.min.js"></script>
<!--<script src="../js/sys.js"></script>-->
<script>
    layui.use(['layer', 'echarts', 'element', 'count', 'topBar', 'upload', 'form', 'loading', 'jquery'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            element = layui.element,
            count = layui.count,
            upload = layui.upload,
            loading = layui.loading,
            form = layui.form;

        var index1;
        // 新增网站
        $("#addweb").on('click', function () {
            index1 = layer.open({
                type: 1,
                content: $("#web"),
                area: ['388px', '339px'],
                cancel: function () {
                },
                success: function () {
                    $("input[name='id']").val('');
                    $("input[name='webName']").val('');
                    $("input[name='webUrl']").val('');
                    $("input[name='des']").val('');
                    $("#demo1").attr('src', '');
                },
                end: function () {
                }
            });
        })
        // 网址展示
        list();
        // 日志展示
        log();
        // 展示或隐藏编辑删除
        $("#set").on('click', function () {
            if ($(".layui-icon-edit").hasClass('d') && $(".layui-icon-delete").hasClass('d')) {
                $(".layui-icon-edit").removeClass('d');
                $(".layui-icon-delete").removeClass('d');
            } else {
                $(".layui-icon-edit").addClass('d');
                $(".layui-icon-delete").addClass('d');
            }
        })

        system();
        // 系统信息
        function system() {
            $.ajax({
                url: "/count/system",
                type: "get",
                dataType: "json",
                success: function (res) {
                    if (res.code == 0) {
                        $(".osNAme").html(res.data.sys.osName);
                        $(".memtotal").html(res.data.mem.total);
                        $(".memused").html(res.data.mem.used);
                        $(".memfree").html(res.data.mem.free);
                        $(".memusage").html(res.data.mem.usage);
                        $(".cpunum").html(res.data.cpu.cpuNum);
                        $(".cpuused").html(res.data.cpu.used);
                        $(".cpufree").html(res.data.cpu.free);
                        $(".diskname").html(res.data.disks[0].dirName);
                        $(".disktotal").html(res.data.disks[0].total);
                        $(".diskfree").html(res.data.disks[0].free);
                        $(".diskused").html(res.data.disks[0].used);
                        $(".diskusage").html(res.data.disks[0].usage);
                        setTimeout(function () {
                            system();
                        }, 10000)
                    }
                }
            })
        }


        // 展示网址列表
        function list() {
            $.ajax({
                url: "/web/list",
                type: "post",
                dataType: "json",
                success: function (res) {
                    var html = '';
                    for (let i = 0; i < res.data.length; i++) {
                        html += "<div class=\"layui-col-md1\">" +
                            "<div class=\"layui-card\">" +
                            "<div class=\"layui-card-header\"" +
                            " style=\"overflow: hidden;font-size: 15px;height: 30px;text-align: center;padding-bottom: 6px\">" +
                            res.data[i].webName +
                            "  </div>" +
                            " <div class=\"layui-card-body\" style=\"padding: 0\">" +
                            " <div style=\"margin-left: 6px\">" +
                            " <i class=\"layui-icon layui-icon-edit d\"  style=\"color: blue;cursor: pointer;\"" +
                            " web-id=" +
                            res.data[i].id +
                            "></i>" +
                            "<a title=" +
                            res.data[i].des +
                            " href=" +
                            res.data[i].webUrl +
                            " target=\"_blank\"><img" +
                            " class=\"layui-nav-img\"  style=\"margin-right: 0px;margin-left: 4px;margin-bottom: 5px;margin-top: 2px\" src=" +
                            res.data[i].webIcon +
                            "></a>" +
                            " <i class=\"layui-icon layui-icon-delete d\"  style=\"color:red;cursor: pointer;\"" +
                            " web-id=" +
                            res.data[i].id +
                            "></i>" +
                            " </div>" +
                            " </div>" +
                            " </div>" +
                            " </div>";
                    }
                    $(".layui-col-space20").html(html);

                }
            });
        }

        //普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'
            , url: '/web/up' //改成您自己的上传接口
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            , done: function (res) {
                if (res.code == 0) {
                    layer.msg('上传成功');
                    $("input[name='webIcon']").val(res.data.url);
                }
                if (res.code > 0) {
                    return layer.msg('上传失败');
                }
            }
            , error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
        });

        // 对应网址编辑
        $('.layui-col-space20').on('click', '.layui-icon-edit', function () {
            console.log($(this).attr('web-id'))
            var id = $(this).attr('web-id');
            index1 = layer.open({
                type: 1,
                content: $("#web"),
                area: ['388px', '339px'],
                success: function () {
                    $.ajax({
                        url: "/web/get",
                        type: "post",
                        data: {id: id},
                        dataType: "json",
                        success: function (res) {
                            $("input[name='id']").val(res.data.id);
                            $("input[name='webName']").val(res.data.webName);
                            $("input[name='webUrl']").val(res.data.webUrl);
                            $("input[name='des']").val(res.data.des);
                            $("input[name='webIcon']").val(res.data.webIcon);
                            $("#demo1").attr('src', res.data.webIcon);
                        }
                    })
                }
            });
        })

        // 监听提交
        form.on('submit(formDemo)', function (data) {
            $.ajax({
                url: "/web/insert",
                type: "post",
                data: JSON.stringify(data.field),
                dataType: "json",
                contentType: "application/json",
                success: function (res) {
                    if (res.code == 0) {
                        layer.close(index1);
                        layer.msg(res.msg);
                        list();
                        toubu();
                        log();
                    }
                }
            });
            return false;
        });
        toubu();

        function toubu() {
            $.ajax({
                url: "/count/get",
                type: "get",
                dataType: "json",
                success: function (res) {
                    var good = res.data.good;
                    var web = res.data.web;
                    var password = res.data.password;
                    var article = res.data.article;
                    count.up("value1", {
                        time: 1000,
                        num: good,
                        bit: 0,
                        regulator: 50
                    })
                    count.up("value2", {
                        time: 1000,
                        num: password,
                        bit: 0,
                        regulator: 50
                    })
                    count.up("value3", {
                        time: 1000,
                        num: article,
                        bit: 0,
                        regulator: 50
                    })
                    count.up("value4", {
                        time: 1000,
                        bit: 0,
                        num: web,
                        regulator: 50
                    })

                }
            });
        }

        // 拼接日志
        function log() {
            $.ajax({
                url: "/log/listTen",
                type: "get",
                dataType: "json",
                success: function (res) {
                    var html = "";
                    if (res.code == 0) {
                        for (let i = 0; i < res.data.length; i++) {
                            html += "<li class=\"list-item\"><span class=\"title omit\">" +
                                res.data[i].userName + ' : ' + res.data[i].operation +
                                "</span><span class=\"logtime\" style=\"float: right\">" +
                                res.data[i].createTime +
                                "</span>" +
                                "</li>";
                        }
                        $(".list").html(html);
                    } else {
                        html += "<li class=\"list-item\"><span class=\"title\">" +
                            "没有日志" +
                            "</span><span class=\"logtime\" style=\"float: right\">" +
                            "" +
                            "</span>" +
                            "</li>";
                        $(".list").html(html);
                    }
                }
            });
        }


        // 对应网址删除
        $('.layui-col-space20').on('click', '.layui-icon-delete', function () {
            var id = $(this).attr('web-id');
            console.log($(this).attr('web-id'));
            layer.confirm('点击确定删除', {btnAlign: 'c', title: '注意！'}, function (index) {
                $.ajax({
                    url: "/web/delete",
                    type: "delete",
                    data: {id: id},
                    dataType: "json",
                    success: function (res) {
                        if (res.code == 0) {
                            layer.msg(res.msg);
                            list();
                            toubu();
                            log();
                        }
                    }
                })

            })
        })

    });


</script>
</body>
<div id="web" style="display: none;margin-top: 10px">
    <form class="layui-form" action="" lay-filter="xxx" style="margin: 15px">
        <div class="layui-form-item" style="display: none">
            <label class="layui-form-label"></span>id</label>
            <div class="layui-input-inline">
                <input type="text" name="id" lay-verify="" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>网站名称 :</label>
            <div class="layui-input-inline">
                <input type="text" name="webName" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>网站链接 :</label>
            <div class="layui-input-inline">
                <input type="text" name="webUrl" lay-verify="required" placeholder="必须输入http或https前缀" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>网站简介 :</label>
            <div class="layui-input-inline">
                <input type="text" name="des" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">网站图标 :</label>
            <div class="layui-input-inline">
                <img class="layui-nav-img" id="demo1" src="">
                <button type="button" title="可以不上传图片，请选择正方形图片" class="pear-btn pear-btn-sm pear-btn-primary"
                        id="test1"><i class="layui-icon"></i>上传图片
                </button>
                <input type="text" name="webIcon" lay-verify="" placeholder="自动填充" autocomplete="off"
                       class="layui-input" style="border-radius: 4px;display: none">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="pear-btn  pear-btn-success" lay-submit lay-filter="formDemo"
                        style="font-size: 14px;background-color: #44ca73;border-radius: 5px"><i
                        class="layui-icon layui-icon-ok-circle" style="font-size: 14px"></i>立即提交
                </button>
            </div>
        </div>
    </form>

</div>

</html>
